<template>
  <div>
    <h1>Parent</h1>
    <Child ref="child"/>
    <button @click="updata">通过ref获取子组件数据并修改</button>
  </div>
</template>

<script>
/* 
    ref属性：
      如果用在普通元素上，则是当前的元素
      如果用在组件上，则是当前的组件实例

      我们拿到子组件的组件实例之后，可以对子组件的数据进行获取和修改
  */
import Child from "./Child";
export default {
  name: "Parent",
  components: {
    Child,
  },

  methods: {
    updata(){
      this.$refs.child.count+=100
    }
  },
};
</script>

<style></style>
